<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<title></title>
		<link href="css/swiper.min.css" rel="stylesheet">
		<link href="css/style.css?sad" rel="stylesheet">
	</head>
	<body>
		<div class="main">
			<div class="title">
				<img src="img/icon_slogon.png">
				<span>创建战队</span>
			</div>
			<div class="container createTeam">
				<form id="creatTeam">
					<div class="form-group">
						<input class="name" placeholder="请填写战队名称">
					</div>
					<p>加入战队，可以和热汗伙伴一起坚持训练，还有机会获得团体大奖。</p>
					<div class="creatNow">
						<input type="submit" value="立 即 创 建" class="btn a" />
					</div>
				</form>
			</div>
		</div>
	<script src="js/jquery.min.js"></script>
	<script>
		$(".creatNow .btn").on('click',function(){
		    var name = $('.name').val();
		    if(name == ''){
		        alert('请填写战队名称')
            }else if(name.length > 16){
		        alert('战队名称不能超过16个字符')
            }else{
		        console.log('创建战队')
                window.location.href = 'creatsuccess.html';
            }
		});
    </script>
	</body>
</html>